<template>
  <div class="carbon-footprint">
    <el-scrollbar max-height="700px" noresize>
      <MainTitle>碳足迹</MainTitle>
      <Paragraph>
        碳足迹是指由个人、组织、事件、产品或服务直接或间接产生的温室气体（主要是二氧化碳，也包括甲烷、一氧化二氮等）排放总量。它用来衡量人类活动对环境造成的影响，特别是与气候变化相关的影响。
        碳足迹的概念可以帮助人们理解自己的行为如何影响地球，并鼓励采取减少温室气体排放的措施。碳足迹通常以二氧化碳当量（CO2e）来表示，这是一种将不同温室气体按照它们的全球变暖潜能值换算成二氧化碳的方式，以便于比较和汇总。
      </Paragraph>

      <Paragraph>
        <div class="introduce">
          使用一个节能灯泡一年 ≈ 种植2.5棵树
          <br />
          每周减少一次肉类餐食一年 ≈ 种植52棵树
          <br />
          使用一个可重复使用的购物袋 ≈ 种植0.5棵树
          <br />
          减少一次1000公里的飞行 ≈ 种植20棵树
          <br />
          使用公共交通工具上下班一年 ≈ 种植70棵树
          <br />
          每天节约100升水一年 ≈ 种植3.65棵树
          <br />
          使用电子账单一年 ≈ 种植1棵树
          <br />
          减少1000张A4纸的使用 ≈ 种植1棵树
          <br />
          种植100棵植物 ≈ 种植1棵树
          <br />
          每年节约100立方米天然气 ≈ 种植20棵树
        </div>
      </Paragraph>

      <Title id="1">怎么减少碳排放？</Title>
      <Subheading>使用节能灯泡</Subheading>
      <Paragraph>
        每个节能灯泡每年可以节省约50度电。 每度电排放约0.5公斤CO2。
        <br />
        相当于种植的树木数量 每个节能灯泡每年可以减少约25公斤的CO2排放。
        <br />
        一棵树每年吸收约10公斤的CO2。 因此，使用一个节能灯泡一年相当于种植了 2.5棵树。
      </Paragraph>

      <Subheading>减少肉类消费</Subheading>
      <Paragraph>
        碳排放减少量 每周减少一次肉类餐食可以减少约10公斤的CO2排放。
        <br />
        每年减少52次肉类餐食可以减少约520公斤的CO2排放。 相当于种植的树木数量
        一棵树每年吸收约10公斤的CO2。
        <br />
        因此，每周减少一次肉类餐食一年相当于种植了52棵树。
      </Paragraph>

      <Subheading>使用可重复使用的购物袋</Subheading>
      <Paragraph>
        碳排放减少量 每个可重复使用的购物袋可以替代约50个一次性塑料袋。
        每个塑料袋排放约0.1公斤的CO2。
        <br />
        因此，使用一个可重复使用的购物袋可以减少约5公斤的CO2排放。 相当于种植的树木数量
        一棵树每年吸收约10公斤的CO2。
        <br />
        因此，使用一个可重复使用的购物袋相当于种植了0.5棵树。
      </Paragraph>

      <Subheading>减少航空旅行</Subheading>
      <Paragraph>
        每飞行1000公里排放约200公斤的CO2。
        <br />
        减少一次1000公里的飞行可以减少约200公斤的CO2排放。
        <br />
        相当于种植的树木数量 一棵树每年吸收约10公斤的CO2。
        <br />
        因此，减少一次1000公里的飞行相当于种植了20棵树。
      </Paragraph>

      <Subheading>使用公共交通工具</Subheading>
      <Paragraph>
        每天使用公共交通工具代替私家车上下班，往返20公里，一年250个工作日，总计5000公里。
        <br />
        开车5000公里排放约1000公斤的CO2。
        <br />
        搭公交5000公里排放约300公斤的CO2。
        <br />
        因此，一年可以减少约700公斤的CO2排放。
        <br />
        相当于种植的树木数量一棵树每年吸收约10公斤的CO2。
        <br />
        因此，使用公共交通工具上下班一年相当于种植了 70棵树。
      </Paragraph>

      <Subheading>节约用水</Subheading>
      <Paragraph>
        每天节约100升水，一年365天，总计36,500升水。
        <br />
        每升水处理和输送产生的CO2排放约为0.001公斤。
        <br />
        因此，一年可以减少约36.5公斤的CO2排放。
        <br />
        相当于种植的树木数量一棵树每年吸收约10公斤的CO2。
        <br />
        因此，每天节约100升水一年相当于种植了3.65棵树。
      </Paragraph>

      <Subheading>使用电子账单</Subheading>
      <Paragraph>
        每年使用电子账单代替纸质账单可以减少约10公斤的CO2排放。
        <br />
        相当于种植的树木数量一棵树每年吸收约10公斤的CO2。
        <br />
        因此，使用电子账单一年相当于种植了1棵树。
      </Paragraph>

      <Subheading>减少纸张使用</Subheading>
      <Paragraph>
        每减少100张A4纸的使用可以减少约1公斤的CO2排放。
        <br />
        因此，减少1000张A4纸的使用可以减少约10公斤的CO2排放。
        <br />
        相当于种植的树木数量一棵树每年吸收约10公斤的CO2。
        <br />
        因此，减少1000张A4纸的使用相当于种植了 1棵树。
      </Paragraph>

      <Subheading>种植植物</Subheading>
      <Paragraph>
        每种植一棵植物可以吸收约0.1公斤的CO2。
        <br />
        因此，种植100棵植物可以吸收约10公斤的CO2。
        <br />
        相当于种植的树木数量一棵树每年吸收约10公斤的CO2。
        <br />
        因此，种植100棵植物相当于种植了 1棵树。
      </Paragraph>

      <Subheading>节约燃气</Subheading>
      <Paragraph>
        碳排放减少量每节约1立方米天然气可以减少约2公斤的CO2排放。
        <br />
        因此，每年节约100立方米天然气可以减少约200公斤的CO2排放。
        <br />
        相当于种植的树木数量一棵树每年吸收约10公斤的CO2。
        <br />
        因此，每年节约100立方米天然气相当于种植了 20棵树。
      </Paragraph>

      <div class="left-and-right">
        <LeftOrRightButton
          :obj="{
            direction: 1,
            text: '什么是绿色消费',
            path: '/science/greenconsumption',
          }"
        ></LeftOrRightButton>
        <LeftOrRightButton
          :obj="{
            direction: 0,
            text: '什么是零废弃？',
            path: '/science/zerowaste',
          }"
        ></LeftOrRightButton>
      </div>
    </el-scrollbar>

    <!-- 侧栏导航 -->
    <AsideNavigation>
      <div class="main-title">碳足迹</div>
      <a href="#1">怎么减少碳排放？</a>
    </AsideNavigation>
  </div>
</template>

<script setup>
import MainTitle from '../components/MainTitle.vue'
import Title from '../components/Title.vue'
import Paragraph from '../components/Paragraph.vue'
import Subheading from '../components/Subheading.vue'
import AsideNavigation from '../Layout/AsideNavigation.vue'
import LeftOrRightButton from '../components/LeftOrRightButton.vue'
</script>

<style less="scss">
.carbon-footprint {
  display: flex;

  .introduce {
    width: 40%;
    background-color: #e6f6e6;
    padding: 5px 0 5px 10px;
  }

  .left-and-right {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 150px;
  }
}
</style>
